	
(function(win){
	
	class MoveDot{
		info={
			location:{
				x:'',
				y:'',
			},
			el:null,
			type:'dot'
		}
		constructor(){
		
			this.createEl()
			
		}
		createEl(){
			this.info.el=document.createElement('div')
			this.info.el.style.width='10px'
			this.info.el.style.height='10px'
			this.info.el.style.backgroundColor='white'
			this.info.el.style.borderRadius="50%"
			this.info.el.style.border="1px solid black"
			this.info.el.style.position="absolute"
			this.info.el.style.zIndex="10"
			
			this.info.el.style.cursor="pointer"
		}
		setLocation(x,y){
			this.info.location.x=x
			this.info.location.y=y
			this.info.el.style.top=this.info.location.y+'px'
			this.info.el.style.left=this.info.location.x+'px'		
			
		}
	}
	win.initMoveDots=function(fEl){
		var originDot={//定义原点 生成其他点时 根据原点生成
			x:-5,
			y:-5
		}
		var dots=[]

		
		for(let i=0;i<90;i++){
			const dot =new MoveDot()
			dots.push(dot) //保存点
			var x=-5
			var y=-5
			if(i%9==0){
				y=(i/9)*50+originDot.y
			}else{
				if(i<9){
					x=(i*50)+originDot.x
				}else{
					x=(i%9)*50+originDot.x
					y=parseInt(i/9)*50+originDot.y
				}
			}
		
			dot.setLocation(x,y)
			fEl.appendChild(dot.info.el)
		}
		
		
		return dots
	}
	
	
	
})(window);